body{
    /*要将body的外边距设置为0*/
    margin: 30px;
    /*给body设置一个字体*/
    font-family: Arial, Helvetica,'Microsoft Yahei' sans-serif
    color： #7e8793;
    -webkit-font-smoothing:antialiased;

}

.home-header{
    /*引用背景图片*/
    /*..表示返回上一级目录*/
    background: url(../img/home-bg.png)no-repeat;
    /*设置背景的大小  宽度为：100%   高度为：auto*/
    background-size: 100% auto;
    /*文本的对齐方式为居中*/
    text-align: center;
    padding-bottom: 2rem;
}

/*要给home-header中的图片img来设定一个样式*/
/*>子元素选择器*/
.home-header>img {
    widows: 65%;
    margin :2.3rem ;
}

/*后代选择器*/
.home-header form{
    background: white;
    width: 90%;
    /*要将form居中显示*/
    margin:0 auto;
    /*设置行高垂直居中*/
    line-height: 2.2rem;
    /*设置圆角*/
    border-radius: 2.2rem;
}
.home-header form input{
    width: 75%;
    border: none;
    /*取消输入框的外边线*/
    outline: none;
    color:#aeaeae;
    font-size: 0.85rem;
}

.home-header form button{
    font-size: 0.9rem;
    color: #5dd5c8;
    font-weight: lighter;
    /*取消边框*/
    border: none;
    background: none;
}


/*分类样式*/
.home-categories{
    padding: 0 1rem;
}

.home-categories dt{
    /*设置布局的方式为弹性盒子*/
    display: flex;
    /*纵向的对齐方式为居中显示*/
    align-items: center;
}

.home-categories dt img{
    height: 3rem;
    margin: 1rem;
}
.home-categories dd{
    margin: -0.3%;
}
.home-categories dd .tag{
    background: #f5f8f9;
    color: #7e8793;
    padding: 0.5rem 1rem;
    /*将显示方式设定为内联块inline-block*/
    display: inline-block;
    border-radius: 2rem;
    font-size: 0.8rem;
    /*取消下划线*/
    text-decoration: none;
    margin: 0.2rem 0.3rem;
}
.home-footer{
    width: 70%;
    margin: 0 auto;
    font-size: 0.75rem;
}